/**
 * zhj
 */
import React, { Component } from 'react';
import {
    Platform,
    StyleSheet,
    Text,
    View,
    FlatList,
    Dimensions
} from 'react-native';
import OddsItem from "./OddsItem";

const width=Dimensions.get('window').width;
const list = [1,2,3,4,5,6];

export default class AsianIndexList extends Component{
    constructor(props) {
        super(props)
    }

    _renderItem = ({item}) =>(
        <OddsItem
            style={{marginTop:0.5}}
        />

);
    _keyExtractor = (item, index) => index;
    render() {
        return (
            <View>
                <View style={{flexDirection:'row',width:width,alignItems:'center',paddingTop:8,paddingBottom:8,paddingLeft:15,paddingRight:15,backgroundColor:'white'}}>
                    <Text style={[styles.title_text,{textAlign: 'left',}]}>
                        公司
                    </Text>
                    <Text style={[styles.title_text]}>
                        水位
                    </Text>
                    <Text style={[styles.title_text]}>
                        盘口
                    </Text>
                    <Text style={[styles.title_text]}>
                        水位
                    </Text>
                    <Text style={[styles.title_text]}>
                        返还率
                    </Text>

                </View>
                <FlatList
                    style={{backgroundColor:'#f2f2f2',}}
                    data={list}
                    renderItem={this._renderItem}
                    keyExtractor={this._keyExtractor}
                />

            </View>
        );
    }



}

const styles = StyleSheet.create({
    title_text:{
        fontSize:10,
        color:'#666666',
        width:'20%',
        textAlign:'center'

    }
});